// 加载中 通用组件
<template>
  <div class="loading" v-show="loadingShow">
    <img class="loading-img" src="~@/assets/images/loading.gif" alt="" />
  </div>
</template>

<script>
export default {
  name: "Loading",
  props: {
    loadingShow: {
      type: Boolean,
      default: function () {
        return true;
      },
    },
  },
};
</script>

<style lang="scss" scoped>
@import "~styles/mixins.scss";
@import "~styles/variables.scss";

.loading {
  @include vh-center;
  height: 3rem;

  .loading-img {
    width: 0.8rem;
    height: 0.8rem;
  }
}
</style>